<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body><div class="modal fade" id="goux" style="z-index: 15050">
		    <div class="modal-dialog modal-sm m-postion">
		        <ul class="dialog-hulue">
		            <li>
		                <div class="modal-content">
		                	<input type="hidden" id="qfjl-gxqianming">
		                    <div class="modal-header dialog-header">
		                    </div>
		                    <div class="modal-body dialog-content">
		                        <span class="modal-title ">是否选择一笔勾销</span>
		                    </div>
		                    <div class="modal-footer text-center m-modal-footer dialog-footer">
		                        <span class="btn confirm queding" id="qfjl-gxqueding">确定</span>
		                        <span class="btn cancel quxiao new-btn" data-dismiss="modal">取消</span>
		                    </div>
		
		                </div>
		            </li>
		        </ul>
		    </div>
		</div>
        <div class="content qianfjl">
            <div class="crumbs">
                <div class="crumbs-title">
                    <span><b></b>欠费记录</span>
                </div>
                <div class="crumbs-query-right">
                    <div class="crumbs-query">
                        <ul>
                            <li>
                                <span>姓名：</span>
                                <div class="input-box list-name">
                                    <input class="checked " id="chaxxingming" type="text" placeholder="请输入姓名">
                                </div>
                            </li>
                             <li>
                                <span>日期：</span>
                                <div class="input-box begin-time input-group date" id="qfjl-datetimepicker1">
				                    <input id="qfjl-kaishjsj" class="form-control" type="text">
				                    <span class="input-group-addon cxtj-timepicker-icon">
				                        <span class="glyphicon glyphicon-calendar"></span>
				                    </span>
				                </div>
                                <span>-</span>
                                <div class="input-box end-time input-group date" id="qfjl-datetimepicker2">
                                    <input id="qfjl-jieshusj" class=" form-control" type="text">
                                    <span class="input-group-addon cxtj-timepicker-icon">
				                        <span class="glyphicon glyphicon-calendar"></span>
				                    </span>
                                </div>
                            </li>
                            <li>
                                <span>状态：</span>
                                <div class="menu-up dropdown-search-li" style="position: relative;">
                                	<input type="hidden" id="qfjl-zhuangt" value="1">
                                	<div class="btn dropdown-toggle  select-menu" data-toggle="dropdown" tabindex="0" id="div-zhuangtai">
                                		未补费<b></b>
                                	</div>
                                    <ul class=" dropdown-menu" role="menu" id="ul-zhuangtai">
                                     	<li value="2">全部</li>
                                        <li value="1">未补费</li>
                                        <li value="0">已补费</li>
                                    </ul>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <div class="crumbs-button">
                        <ul>
                            <li class="obtn1 button" id="chaxtj-qf-chaxunanniu"><span>查询</span></li>
                            <li class="obtn2" id="chaxtj-qf-chongzhi"><div class="button button1"><span>重置</span></div></li>
                        </ul>
                    </div>
                </div>

            </div>
            <div id="cxtj-qf-img"></div>
            <div class="table-list qianfjl-list" id="chaxtjqfjl-tbneirong">
                <div class="table-title">
                    <table width="100%" cellpadding="0" border="0" cellspacing="0">
                        <thead><tr>
                            <td width="10%">序号</td>
                            <td width="10%">姓名</td>
                            <td width="7%">性别</td>
                            <td width="10%">年龄</td>
                            <td width="10%">欠费日期</td>
                            <td width="10%">状态</td>
                            <td width="9%" class="right">应收金额(元)</td>
                            <td width="9%" class="right">实收金额(元)</td>
                            <td width="9%" class="right">欠费(元)</td>
                            <td width="16%">操作</td>
                        </tr></thead>
                        <tbody id="tbqianfeijl">
                        
                        </tbody>
                    </table>
                     <div id="pagination-fenyqfjl"></div>
                </div>
                
            </div>
        </div> 
   
        <script src="../../static/js/chaxtj-qfjl.js"> </script>
<script>
var qianfeiid='null';
var pageNo='null';
var zhuangtai='null';
var kaishisj='null';
var jieshusj='null';
var xingmingsj='null';
xingmingsj=decodeURI(decodeURI(xingmingsj));
qfdingwei(qianfeiid,pageNo,zhuangtai,kaishisj,jieshusj,xingmingsj);
$(function(){
	myDateTimePicker($("#qfjl-datetimepicker1"),$("#qfjl-datetimepicker2"));
		var mrkaishisj=$('#qfjl-kaishjsj').val();
        var mrjieshusj=$('#qfjl-jieshusj').val();
		getShijian(mrkaishisj,mrjieshusj);
});
</script>        </body></html>